<div class="hidden-xs">
    <div class="swiper-container swiper-container-horizontal" id="home-swiper-1">
        <div class="swiper-wrapper clearfix">
            {volist name="doctors" id="value"}
            <div class="swiper-slide doctors">
                <div class="doc-item clearfix">
                    <div class="doc-item__pic">
                        <a href="{:Url('department/department_doctor_detail')}?id={$value.id}"><img
                                src="{$value.attributes.imageurl}"
                        ></a>
                    </div>
                    <div class="doc-item__info">
                        <div class="doc-item__title">
                            <a href="{:Url('department/department_doctor_detail')}?id={$value.id}">
                                <span class="doc-item__name">{$value.attributes.name}</span></a>{$value.attributes.job_position}
                        </div>
                        <div class="doc-item__position">{$value.attributes.job_title}
                        </div>
                        <div class="doc-item__intro">
                            {$value.attributes.brief|subtext=50}
                        </div>
                    </div>
                </div>
            </div>
            {/volist}

        </div>
    </div>
    <div class="swiper-button-prev" id="home-swiper-1-button-prev">
        <i class="fa fa-angle-left"></i>
    </div>
    <div class="swiper-button-next" id="home-swiper-1-button-next">
        <i class="fa fa-angle-right"></i>
    </div>
</div>
<div class="visible-xs">
    <div class="swiper-container swiper-container-horizontal" id="home-swiper-2">
        <div class="swiper-wrapper clearfix">
            {volist name="doctors" id="value"}
            <div class="swiper-slide doctors">
                <div class="doc-item clearfix">
                    <div class="doc-item__pic">
                        <a href="{:Url('department/department_doctor_detail')}?id={$value.id}"><img
                                src="{$value.attributes.imageurl}"
                        ></a>
                    </div>
                    <div class="doc-item__info">
                        <div class="doc-item__title">
                            <a href="{:Url('department/department_doctor_detail')}?id={$value.id}"><span
                                    class="doc-item__name">{$value.attributes.name}</span></a>{$value.attributes.job_position}
                        </div>
                        <div class="doc-item__position">{$value.attributes.job_title}
                        </div>
                        <div class="doc-item__intro">
                            {$value.attributes.brief|subtext=50}
                        </div>
                    </div>
                </div>
            </div>
            {/volist}

        </div>
    </div>
    <div class="swiper-button-prev" id="home-swiper-2-button-prev">
        <i class="fa fa-angle-left"></i>
    </div>
    <div class="swiper-button-next" id="home-swiper-2-button-next">
        <i class="fa fa-angle-right"></i>
    </div>
</div>